/* 
Simple JQuery Collapsing menu.
HTML structure to use:

<ul id="menu">
<li><a href="#">Sub menu heading</a>
<ul>
<li><a href="http://site.com/">Link</a></li>
<li><a href="http://site.com/">Link</a></li>
<li><a href="http://site.com/">Link</a></li>
...
...
</ul>
<li><a href="#">Sub menu heading</a>
<ul>
<li><a href="http://site.com/">Link</a></li>
<li><a href="http://site.com/">Link</a></li>
<li><a href="http://site.com/">Link</a></li>
...
...
</ul>
...
...
</ul>

Copyright 2007 by Marco van Hylckama Vlieg

web: http://www.i-marco.nl/weblog/
email: marco@i-marco.nl


function initMenu() {
$('#menu ul').hide();
$('#menu li a').click(
function() {
$(this).toggleClass("opened");
$(this).next().slideToggle('normal');	
}
);
}
$(document).ready(function() {initMenu();});
Free for non-commercial use
*/

function initMenu() {
    $('#menu ul').hide();
    $('#menu ul#welcome').show();
    $('#menu li div').mouseover(
    function() {
        $(this).addClass("active")
    }
  )
    $('#menu li div').mouseout(
    function() {
        $(this).toggleClass("active");
        $(this).removeClass("active")
    }
  )
    $('#menu li div').click(
    function() {

        var checkElement = $(this).next();
        if ((checkElement.is('ul')) && (checkElement.is(':visible'))) {
            $(this).toggleClass("opened");
            checkElement.slideToggle('normal');

            return false;
        }
        if ((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
            $('#menu li div').removeClass("opened");
            $('#menu ul:visible').slideUp('normal');
            checkElement.slideDown('normal');
            $(this).addClass("opened");
            return false;
        }

    }
    );
    $('#menu li ul li a').click(
    function() {
        $('#menu li ul li a').removeClass("current");
        $(this).addClass("current");
    }
    )
}
$(document).ready(function() { initMenu(); });